@charset "utf-8";

/*float*/
.clearFix{}
.clearFix::after{content: ""; display: block; clear: both;}
.clearFix::before{content: ""; display: block; clear: both;}
.textali_l{text-align: left !important;}
.textali_c{text-align: center !important;}
.textali_r{text-align: right !important;}

/* margin */
.m0{margin: 0 !important;}
.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt23{margin-top: 23px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb12{margin-bottom: 12px !important;}
.mb14{margin-bottom: 14px !important;}
.mb18{margin-bottom: 18px !important;}
.mb20{margin-bottom: 20px !important;}
.mb45{margin-bottom: 45px !important;}
.mb80{margin-bottom: 80px !important;}
.mb141{margin-bottom: 141px !important;}
.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 10px !important;}
.mr30{margin-right: 30px !important;}
.mrl20{margin: 0 20px !important;}
.ml5{margin-left: 5px !important;}


/*padding*/
.p0{padding: 0 !important;}
.pt0{padding-top: 0 !important;}
.p15{padding: 15px !important;}
.pt16{padding-top: 16px !important;}
.pt20{padding-top: 20px !important;}
.pt50{padding-top: 50px !important;}
.pt80{padding-top: 80px !important;}
.pb0{padding-bottom: 0 !important;}
.pb16{padding-bottom: 16px !important;}
.pb20{padding-bottom: 20px !important;}
.pb50{padding-bottom: 50px !important;}
.pb138{padding-bottom: 138px !important;}
.p16{padding: 16px 0 !important;}


/* width */
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w115 {width:115px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w145 {width:145px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}
.w500 {width:500px !important;}
.w500 {width:500px !important;}
.w600{width:600px !important;}

/* height */
.h0{max-height: unset !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h500 {height:500px !important;}
.h600{height:600px !important;}

/*font*/
.f10 {font-size: 10px !important;}
.f12 {font-size: 12px !important;}

/*color*/
.on .pink{color: #e9437d !important;}
.on .blue{color: #2b8ff3 !important;}
.on .green{color: #0AB342 !important;}
.on .orange{color: #F86D46 !important;}
.on .yellow{color: #fcaa37 !important;}
.on .purple{color: #746ff2 !important;}

.red{color: #ae1857;}
.grey{color: #a9a9a9;}